     Vue.component('todo-item', {
         template: '<div class="container-fluid">' +
             '<div class="navbar-header">' +
             '<a href="#" class="navbar-brand">博客屋</a>' +
             '<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">' +
             '<span class="sr-only">切换导航</span>' +
             '<span class="icon-bar"></span>' +
             '<span class="icon-bar"></span>' +
             '<span class="icon-bar"></span>' +
             ' </button>' +
             '</div>' +
             '<div class="collapse navbar-collapse" id="navbar-collapse">' +
             '<ul class="nav navbar-nav">' +
             '<li><a href="#"><span class="glyphicon glyphicon-home"></span> 首页</a></li>' +
             '<li class="active"><a href="#"><span class="glyphicon glyphicon-fire"></span> 视频</a></li>' +
             '<li><a href="#"><span class="glyphicon glyphicon-list"></span> 博客</a></li>' +
             '<li><a href="#"><span class="glyphicon glyphicon-comment"></span> 论坛</a></li>' +
             '</ul>' +
             '<ul class="nav navbar-nav navbar-right">' +
             '<li><a href="#"><span class="glyphicon glyphicon-user"></span> 登录</a></li>' +
             '<li><a href="#"><span class="glyphicon glyphicon-edit"></span> 注册</a></li>' +
             '</div>' +
             '</div>' +
             '</nav>'
     })

     window.onload = function() {
         vm = new Vue({
             el: '#app'
         });
     }